<x-layout>
    <div class="nei_banner" style="background-image: url('/source/images/pic8.jpg');">
        <div class="wp">
            <h4>{{__('messages.aboutus')}}</h4>
            <p>ABOUT US</p>
        </div>
    </div>

    <!-- 当前位置 -->
    <div class="home_now_cur">
        <div class="wp">
            <a class="switch-tab on" href="#about_us">
                {{__('messages.aboutus')}}
            </a>
            <a class="switch-tab" href="#contact_us">
                {{__('messages.contactus')}}
            </a>
        </div>
    </div>
    <!-- 当前位置 end -->

    <style>
        .about_us .left pre {
            text-wrap: wrap;
            font-size: 18px;
            padding-top: 1.5rem;
            text-indent: 36px;
        }
    </style>

    <section>
        <div class="about_us">
            <div class="wp">
                <div class="info">
                    <div class="left">
                        <h4>{{__('messages.aboutus')}}</h4>
                        <pre>{{$configs['app.profile']}}</pre>
                    </div>
                    <div class="right">
                        <img src="{{$configs['app.proimage']}}" alt="">
                    </div>
                </div>
                <div class="icon_item">
                    <div class="item on">
                        <div class="con">
                            <div class="pic">
                                <img src="/source/images/i23.png" alt="">
                                <p>{{__('messages.companyfix')}}</p>
                            </div>
                            <div class="pic2">
                                <div class="txt">
                                    <h6>{{__('messages.companyfix')}}</h6>
                                    <p>{{__('messages.fixinfo')}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="con">
                            <div class="pic">
                                <img src="/source/images/i25.png" alt="">
                                <p>{{__('messages.companymission')}}</p>
                            </div>
                            <div class="pic2">
                                <div class="txt">
                                    <h6>{{__('messages.companymission')}}</h6>
                                    <p>{{__('messages.missioninfo')}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="con">
                            <div class="pic">
                                <img src="/source/images/i27.png" alt="">
                                <p>{{__('messages.companyvision')}}</p>
                            </div>
                            <div class="pic2">
                                <div class="txt">
                                    <h6>{{__('messages.companyvision')}}</h6>
                                    <p>{{__('messages.visioninfo')}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="contact_us" style="display: none;">
            <div class="wp">
                <div class="left">
                    <h4>
                        联系我们
                    </h4>
                    <p>服务热线：021-XXXXXXXX</p>
                    <p>企业邮箱：xxxxxxxxx@qymail.com</p>
                    <p>公司地址：中国（上海）XXXX路XXXX号</p>
                    <p>
                        <img src="/source/images/ewm.jpg" alt="">
                    </p>
                </div>
                <div class="pic">
                    <img src="/source/images/pic22.jpg" alt="">
                </div>
            </div>
        </div>
    </section>

    <script>
        wns.aboutInit(".icon_item");
        wns.changeTab('a.switch-tab');
        wns.setPoint();
    </script>
</x-layout>
